<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>团队监测</title>
	<link rel="stylesheet" href="teamWatch.css">
	<!--<link rel="stylesheet" href="../../publicStyle/css/common.css">-->
</head>
<body>
<script src="../echarts/js/jquery.min.js"></script>
<script src="../js/map.js"></script>
<script src="../echarts/js/echarts.min.js"></script>
<script src="../js/china.js"></script>
<div class="baseDataAnalysis">
	<div class="header">
		<ul class="headerWap">
			<li class="headerLeft">
				<div class="index"></div>
				<div class="basicData"></div>
				<div class="secentAnalysis"></div>
				<div class="roomAnalysis"></div>
			</li>
			<li class="headerCenter"></li>
			<li class="headerRight">
				<div class="holidayAnalysis"></div>
				<div class="tirvalFace"></div>
				<div class="teamWatch"></div>
				<div class="seceryWatch"></div>
			</li>
		</ul>
	</div>
	<div class="content">
		<div class="contents">
			<ul class="wapList">
				<li class="left">
					<div class="top">
						<div class="allPageWap">
							<div class="allpageTitle">
								<div class="allpageTitleLeft">
									<span class="allpageTitleDot"></span>
									<span class="allpageTitleDetail">出境目的地TOP5</span>
								</div>
								<div class="allpageTitleRight">数据来源：旅发委</div>
							</div>
							<div class="footerConentList">
								<div id="entryNumber1"></div>
							</div>
						</div>
					</div>
					<div class="bottom">
						<div class="allPageWap">
							<div class="allpageTitle">
								<div class="allpageTitleLeft">
									<span class="allpageTitleDot"></span>
									<span class="allpageTitleDetail">接待团队客源地</span>
								</div>
								<div class="allpageTitleRight">数据来源：旅发委</div>
							</div>
							<div class="allPageContent">
								<div class="numberBox">
									<div id="teamCustomer"></div>
								</div>
							</div>
						</div>
					</div>
				</li>
				<li class="leftCenter">
					<div class="date">
						<form name="reg_testdate">
							<select name="YYYY" id="yearId" onclick="YYYYDD(this.value)">
								<option value="">请选择 年</option>
							</select>
							<select name="MM" id="monthId" onclick="MMDD(this.value)"
							        onchange="changeTime('yearId','monthId')">
								<option value="">选择 月</option>
							</select>
						</form>
					</div>
					<div class="image">
						<div class="imageBox">
							<div class="images" id="mmmmmmm">
							</div>
							<div class="images2" id="mmmmmmmmmmmmm">
							</div>
						</div>
						<div id="lijiangmap"></div>
					</div>
				</li>
				<li class="rightCenter">
					<div class="top">
						<div class="allPageWap">
							<div class="allpageTitle">
								<div class="allpageTitleRightCenter">
									<span class="allpageTitleDot"></span>
									<span class="allpageTitleDetail">团队类型占比</span>
								</div>
								<div class="allpageTitleRightCenter">数据来源：旅发委</div>
							</div>
							<div class="allPageContent">
								<div id="teamtype"></div>
							</div>
						</div>
					</div>
					<div class="bottom">
						<div class="allPageWap">
							<div class="allpageTitle">
								<div class="allpageTitleRightCenter">
									<span class="allpageTitleDot"></span>
									<span class="allpageTitleDetail">团队交通工具分析</span>
								</div>
								<div class="allpageTitleRightCenter">数据来源：旅发委</div>
							</div>
							<div class="allPageContent">
								<div id="visiteAnalysis"></div>
							</div>
						</div>
					</div>
				</li>
				<li class="right">
					<div class="top">
						<div class="allPageWap">
							<div class="allpageTitle">
								<div class="allpageTitleRight">
									<span class="allpageTitleDot"></span>
									<span class="allpageTitleDetail">游行社接待团队排名TOP10</span>
								</div>
								<div class="allpageTitleRight">数据来源:运营商</div>
							</div>
							<div class="allPageContent">
								<div class="numberBox">
									<div id="teamRanking"></div>
								</div>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<ul class="footer">
			<li>
				<div class="liWaps">
					<div class="tittle">
						<div class="tittleLeft">
							<span class="dot"></span>
							<span class="from">游客年龄段分析</span>
						</div>
						<div class="tittleRight">
							数据来源：运营商
						</div>
					</div>
					<div class="footerConentList">
						<div id="ageAnalysis"></div>
					</div>
				</div>
			</li>
			<li>
				<div class="liWaps">
					<div class="tittle">
						<div class="tittleLeft">
							<span class="dot"></span>
							<span class="from">游客性别分析</span>
						</div>
						<div class="tittleRight">
							数据来源：运营商
						</div>
					</div>
					<div class="footerConentList">
						<div class="sexAnaysis">
							<div id="secenyAnalysis"></div>
							<div class="sex" id="sexData">
							</div>
						</div>
					</div>
				</div>
			</li>
			<li>
				<div class="liWaps">
					<div class="tittle">
						<div class="tittleLeft">
							<span class="dot"></span>
							<span class="from">团队消费分析</span>
						</div>
						<div class="tittleRight">
							数据来源：运营商
						</div>
					</div>
					<div class="footerConentList">
						<div id="consumption"></div>
					</div>
				</div>
			</li>
			<li>
				<div class="liWaps">
					<div class="tittle">
						<div class="tittleLeft">
							<span class="dot"></span>
							<span class="from">团队行程时长分析</span>
						</div>
						<div class="tittleRight">
							数据来源：运营商
						</div>
					</div>
					<div class="footerConentList">
						<div id="travelTime"></div>
					</div>
				</div>
			</li>
			<li>
				<div class="liWaps">
					<div class="tittle">
						<div class="tittleLeft">
							<span class="dot"></span>
							<span class="from">团队入境数统计</span>
						</div>
						<div class="tittleRight">
							数据来源：运营商
						</div>
					</div>
					<div class="footerConentList">
						<div id="entryNumber"></div>
					</div>
				</div>
			</li>
			<li>
				<div class="liWaps">
					<div class="tittle">
						<div class="tittleLeft">
							<span class="dot"></span>
							<span class="from">入境游客来源地TOP5</span>
						</div>
						<div class="tittleRight">
							数据来源：运营商
						</div>
					</div>
					<div class="footerConentList">
						<div class="numberbox">
							<div id="teamEntrytourist"></div>
						</div>
					</div>
				</div>
			</li>
		</ul>
	</div>
</div>
<script language="JavaScript">
    function YYYYMMDDstart() {
        MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
        //先给年下拉框赋内容
        var y = new Date().getFullYear();
        for (var i = (y - 30); i < (y + 30); i++) //以今年为准，前30年，后30年
            document.reg_testdate.YYYY.options.add(new Option(" " + i + " 年", i));

        //赋月份的下拉框
        for (var i = 1; i < 13; i++)
            document.reg_testdate.MM.options.add(new Option(" " + i + " 月", i));

        document.reg_testdate.YYYY.value = y;
        document.reg_testdate.MM.value = new Date().getMonth() + 1;
        var n = MonHead[new Date().getMonth()];
        if (new Date().getMonth() == 1 && IsPinYear(YYYYvalue)) n++;
        //writeDay(n); //赋日期下拉框Author:meizz
        //document.reg_testdate.DD.value = new Date().getDate();
    }

    if (document.attachEvent)
        window.attachEvent("onload", YYYYMMDDstart);
    else
        window.addEventListener('load', YYYYMMDDstart, false);

    function YYYYDD(str) //年发生变化时日期发生变化(主要是判断闰平年)
    {
        var MMvalue = document.reg_testdate.MM.options[document.reg_testdate.MM.selectedIndex].value;
        if (MMvalue == "") {
            var e = document.reg_testdate.DD;
            optionsClear(e);
            return;
        }
        var n = MonHead[MMvalue - 1];
        if (MMvalue == 2 && IsPinYear(str)) n++;
        // writeDay(n)
    }

    function MMDD(str)   //月发生变化时日期联动
    {
        var YYYYvalue = document.reg_testdate.YYYY.options[document.reg_testdate.YYYY.selectedIndex].value;
        if (YYYYvalue == "") {
            var e = document.reg_testdate.DD;
            optionsClear(e);
            return;
        }
        var n = MonHead[str - 1];
        if (str == 2 && IsPinYear(YYYYvalue)) n++;
        // writeDay(n)
    }

    function writeDay(n)   //据条件写日期的下拉框
    {
        var e = document.reg_testdate.DD;
        optionsClear(e);
        for (var i = 1; i < (n + 1); i++) {
            //e.options.add(new Option(" " + i + " 日", i));
        }

        function IsPinYear(year)//判断是否闰平年
        {
            return (0 == year % 4 && (year % 100 != 0 || year % 400 == 0));
        }
    }

    function optionsClear(e) {
        //e.options.length = 1;
    }
</script>
<script src="../js/url.js"></script>
<script src="./teamWatch.js"></script>
<script src="../hotelData/js/lijiangMap.js"></script>
<script src="../js/nav.js"></script>
</body>
</html>
